.van-tabs__wrap {
    display: none !important;
}

.content_c {
    position: relative;

    .bg {
        display: flex;
        width: 100%;
    }
}

.change_c {
    position: fixed;
    left: 0;
    top: 40%;
    width: 100%;
    display: flex;
    justify-content: space-between;

    .item {
        margin: 0 20rpx;
        padding: 20rpx;
        background-color: rgba(0, 0, 0, .2);
    }
}

.qr_content_c {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;

    .qr_code {
        margin: 0 auto;
        padding: 4rpx;
        width: 400rpx;
        height: 400rpx;
        background-color: #fff;
        border-radius: 10rpx;
        overflow: hidden;
    }

    .title {
        margin: 10rpx 0 6rpx;
        font-size: 36rpx;
        font-weight: 560;
        color: #fff;
    }

    .sub_title {
        font-size: 28rpx;
        font-weight: 200;
        color: #fff;
    }

    .generate {
        margin-top: 40rpx;
        width: 240rpx;
        height: 58rpx;
        font-size: 28rpx;
    }
}

//分享海报样式
// .share_post_c {
//     position: fixed;
//     left: 50%;
//     transform: translateX(-50%);
//     z-index: 110;
//     display: flex;
//     flex-direction: column;

//     .content {
//         flex: 1;
//         position: relative;
//         background-color: #fff;
//         border-radius: 20rpx;
//         overflow: hidden;

//         .title {
//             text-align: center;
//             padding: 20rpx 0 0;
//             font-size: 36rpx;
//             font-weight: bold;
//             color: #515151;
//         }

//         .close_icon {
//             position: absolute;
//             right: 36rpx;
//             top: 22rpx;
//         }

//         .canvas_img {
//             width: 100%;
//         }
//     }

//     .preservation {
//         margin: 50rpx auto 0;
//         width: 520rpx;
//         height: 88rpx;
//         background-color: var(--themColor);
//         border-radius: 44rpx;
//         font-size: 32rpx;
//         font-weight: bold;
//         color: #FFF;
//     }
// }

// .mask {
//     position: fixed;
//     top: 0;
//     left: 0;
//     right: 0;
//     bottom: 0;
//     z-index: 109;
//     background: rgba(0, 0, 0, 0.7);
// }